<!DOCTYPE html>
<html>
<head>
    <title>{{ the_title }}</title>
    <link rel="stylesheet" href="static/home.css"/>
</head>
<body>
</div>
<div class="logo_image">
    <img src="/images/logo.jpg">
</div>
<div class="h1" style="text-align: center">
    <h1 class="title"> 看看
</h1>
    <h3>放入图片链接，自动返回图片及其分析结果</h3>
</div>
<div style="width: 24%;float: right">
    <a href="/log" style="font-size: 12px">查看日志</a>
</div>

<div style="width: 100%;text-align: center;margin-top: 80px;display:table">

    <div style="width: 24%;float: left;border-right: 1px solid grey;display:table-cell">
        <h3>广州当前天气</h3>
        <a href="/we">  <button style="width: 80px;height: 40px;text-align: center;line-height: 40px;text-align: center;font-size: 16px;border-radius: 5px;border: none">
            点击进入
        </button></a>
    </div>
    <div style="width: 25%;float: left;border-right: 1px solid grey;display:table-cell">
        <h3>远程图片分析</h3>
        <a href="/remote">
            <button style="width: 80px;height: 40px;text-align: center;line-height: 40px;text-align: center;font-size: 16px;border-radius: 5px;border: none">
                点击进入
            </button>
        </a>
    </div>
    <div style="width: 25%;float: left;border-right: 1px solid grey;display:table-cell">
        <h3>名胜分析</h3>
        <a href="/items"> <button style="width: 80px;height: 40px;text-align: center;line-height: 40px;text-align: center;font-size: 16px;border-radius: 5px;border: none">
            点击进入
        </button></a>

    </div>
    <div style="width: 24%;float: left;display:table-cell">
        <h3>名人分析</h3>
        <a href="/person"> <button style="width: 80px;height: 40px;text-align: center;line-height: 40px;text-align: center;font-size: 16px;border-radius: 5px;border: none">
            点击进入
        </button></a>

    </div>
</div>





</body>
</html>